
.ui-dialog {
    *zoom: 1;
    _float: left;
    position: relative;
    background-color: #FFF;
    border: 1px solid #999;
    border-radius: 6px;
    outline: 0;
    background-clip: padding-box;
    font-family: Helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .15s ease-in-out, opacity .15s ease-in-out;
    transition: transform .15s ease-in-out, opacity .15s ease-in-out;
}

.ui-popup-show .ui-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.ui-popup-focus .ui-dialog {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.ui-popup-modal .ui-dialog {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, .3);
}

.ui-dialog-grid {
    width: auto;
    margin: 0;
    padding: 25px;
    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
    background: transparent;

}

.ui-dialog-header,
.ui-dialog-body,
.ui-dialog-footer {
    padding: 0;
    border: 0 none;
    text-align: left;
    background: transparent;
}

.ui-dialog-header {
    white-space: nowrap;
    border-bottom: 1px solid #E5E5E5;
}

.ui-dialog-close {
    position: relative;
    _position: absolute;
    float: right;
    top: 13px;
    right: 13px;
    _height: 26px;
    padding: 0 4px;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #FFF;
    opacity: .2;
    filter: alpha(opacity=20);
    cursor: pointer;
    background: transparent;
    _background: #FFF;
    border: 0;
    -webkit-appearance: none;
}

.ui-dialog-close:hover,
.ui-dialog-close:focus {

    color: #000000;

    text-decoration: none;

    cursor: pointer;

    outline: 0;

    opacity: 0.5;

    filter: alpha(opacity=50);

}

.ui-dialog-title {
    margin: 0;
    line-height: 1.428571429;
    min-height: 16.428571429px;
    padding: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    cursor: default;
}

.ui-dialog-body {
    padding: 20px;
    text-align: center;
}

.ui-dialog-content {

    display: inline-block;

    position: relative;

    vertical-align: middle;

    *zoom: 1;

    *display: inline;

    text-align: left;

}

.ui-dialog-footer {

    padding: 0 20px 20px 20px;

}

.ui-dialog-statusbar {

    float: left;

    margin-right: 20px;

    padding: 6px 0;

    line-height: 1.428571429;

    font-size: 14px;

    color: #888;

    white-space: nowrap;

}

.ui-dialog-statusbar label:hover {

    color: #333;

}

.ui-dialog-statusbar input,
.ui-dialog-statusbar .label {

    vertical-align: middle;

}

.ui-dialog-button {

    float: right;

    white-space: nowrap;

}

.ui-dialog-footer button + button {

    margin-bottom: 0;

    margin-left: 5px;

}

.ui-dialog-footer button {

    width: auto;

    overflow: visible;

    display: inline-block;

    padding: 6px 12px;

    _margin-left: 5px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: normal;

    line-height: 1.428571429;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    cursor: pointer;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    -o-user-select: none;

    user-select: none;

}

.ui-dialog-footer button:focus {

    outline: thin dotted #333;

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px;

}

.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus {

    color: #333333;

    text-decoration: none;

}

.ui-dialog-footer button:active {

    background-image: none;

    outline: 0;

    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

}

.ui-dialog-footer button[disabled] {

    pointer-events: none;

    cursor: not-allowed;

    opacity: 0.65;

    filter: alpha(opacity=65);

    -webkit-box-shadow: none;

    box-shadow: none;

}

.ui-dialog-footer button {

    color: #333333;

    background-color: #ffffff;

    border-color: #cccccc;

}

.ui-dialog-footer button:hover,
.ui-dialog-footer button:focus,
.ui-dialog-footer button:active {

    color: #333333;

    background-color: #ebebeb;

    border-color: #adadad;

}

.ui-dialog-footer button:active {

    background-image: none;

}

.ui-dialog-footer button[disabled],
.ui-dialog-footer button[disabled]:hover,
.ui-dialog-footer button[disabled]:focus,
.ui-dialog-footer button[disabled]:active {

    background-color: #ffffff;

    border-color: #cccccc;

}

.ui-dialog-footer button.ui-dialog-autofocus {

    color: #ffffff;

    background-color: #428bca;

    border-color: #357ebd;

}

.ui-dialog-footer button.ui-dialog-autofocus:hover,
.ui-dialog-footer button.ui-dialog-autofocus:focus,
.ui-dialog-footer button.ui-dialog-autofocus:active {

    color: #ffffff;

    background-color: #3276b1;

    border-color: #285e8e;

}

.ui-dialog-footer button.ui-dialog-autofocus:active {

    background-image: none;

}

.ui-popup-top-left .ui-dialog,
.ui-popup-top .ui-dialog,
.ui-popup-top-right .ui-dialog {

    top: -8px;

}

.ui-popup-bottom-left .ui-dialog,
.ui-popup-bottom .ui-dialog,
.ui-popup-bottom-right .ui-dialog {

    top: 8px;

}

.ui-popup-left-top .ui-dialog,
.ui-popup-left .ui-dialog,
.ui-popup-left-bottom .ui-dialog {

    left: -8px;

}

.ui-popup-right-top .ui-dialog,
.ui-popup-right .ui-dialog,
.ui-popup-right-bottom .ui-dialog {

    left: 8px;

}

.ui-dialog-arrow-a,
.ui-dialog-arrow-b {

    position: absolute;

    display: none;

    width: 0;

    height: 0;

    overflow: hidden;

    _color: #FF3FFF;

    _filter: chroma(color=#FF3FFF);

    border: 8px dashed transparent;

}

.ui-popup-follow .ui-dialog-arrow-a,
.ui-popup-follow .ui-dialog-arrow-b {

    display: block;

}

.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-a {

    bottom: -16px;

    border-top: 8px solid #7C7C7C;

}

.ui-popup-top-left .ui-dialog-arrow-b,
.ui-popup-top .ui-dialog-arrow-b,
.ui-popup-top-right .ui-dialog-arrow-b {

    bottom: -15px;

    border-top: 8px solid #fff;

}

.ui-popup-top-left .ui-dialog-arrow-a,
.ui-popup-top-left .ui-dialog-arrow-b {

    left: 15px;

}

.ui-popup-top .ui-dialog-arrow-a,
.ui-popup-top .ui-dialog-arrow-b {

    left: 50%;

    margin-left: -8px;

}

.ui-popup-top-right .ui-dialog-arrow-a,
.ui-popup-top-right .ui-dialog-arrow-b {

    right: 15px;

}

.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-a {

    top: -16px;

    border-bottom: 8px solid #7C7C7C;

}

.ui-popup-bottom-left .ui-dialog-arrow-b,
.ui-popup-bottom .ui-dialog-arrow-b,
.ui-popup-bottom-right .ui-dialog-arrow-b {

    top: -15px;

    border-bottom: 8px solid #fff;

}

.ui-popup-bottom-left .ui-dialog-arrow-a,
.ui-popup-bottom-left .ui-dialog-arrow-b {

    left: 15px;

}

.ui-popup-bottom .ui-dialog-arrow-a,
.ui-popup-bottom .ui-dialog-arrow-b {

    margin-left: -8px;

    left: 50%;

}

.ui-popup-bottom-right .ui-dialog-arrow-a,
.ui-popup-bottom-right .ui-dialog-arrow-b {

    right: 15px;

}

.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-a {

    right: -16px;

    border-left: 8px solid #7C7C7C;

}

.ui-popup-left-top .ui-dialog-arrow-b,
.ui-popup-left .ui-dialog-arrow-b,
.ui-popup-left-bottom .ui-dialog-arrow-b {

    right: -15px;

    border-left: 8px solid #fff;

}

.ui-popup-left-top .ui-dialog-arrow-a,
.ui-popup-left-top .ui-dialog-arrow-b {

    top: 15px;

}

.ui-popup-left .ui-dialog-arrow-a,
.ui-popup-left .ui-dialog-arrow-b {

    margin-top: -8px;

    top: 50%;

}

.ui-popup-left-bottom .ui-dialog-arrow-a,
.ui-popup-left-bottom .ui-dialog-arrow-b {

    bottom: 15px;

}

.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-a {

    left: -16px;

    border-right: 8px solid #7C7C7C;

}

.ui-popup-right-top .ui-dialog-arrow-b,
.ui-popup-right .ui-dialog-arrow-b,
.ui-popup-right-bottom .ui-dialog-arrow-b {

    left: -15px;

    border-right: 8px solid #fff;

}

.ui-popup-right-top .ui-dialog-arrow-a,
.ui-popup-right-top .ui-dialog-arrow-b {

    top: 15px;

}

.ui-popup-right .ui-dialog-arrow-a,
.ui-popup-right .ui-dialog-arrow-b {

    margin-top: -8px;

    top: 50%;

}

.ui-popup-right-bottom .ui-dialog-arrow-a,
.ui-popup-right-bottom .ui-dialog-arrow-b {

    bottom: 15px;

}

@-webkit-keyframes ui-dialog-loading {

    0% {

        -webkit-transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

    }

}

@keyframes ui-dialog-loading {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }

}

.ui-dialog-loading {

    vertical-align: middle;

    position: relative;

    display: block;

    *zoom: 1;

    *display: inline;

    overflow: hidden;

    width: 32px;

    height: 32px;

    top: 50%;

    margin: -16px auto 0 auto;

    font-size: 0;

    text-indent: -999em;

    color: #666;

}

.ui-dialog-loading {

    width: 100% \9;

    text-indent: 0 \9;

    line-height: 32px \9;

    text-align: center \9;

    font-size: 12px \9;

}

.ui-dialog-loading::after {

    position: absolute;

    content: '';

    width: 3px;

    height: 3px;

    margin: 14.5px 0 0 14.5px;

    border-radius: 100%;

    box-shadow: 0 -10px 0 1px #ccc, 10px 0px #ccc, 0 10px #ccc, -10px 0 #ccc, -7px -7px 0 0.5px #ccc, 7px -7px 0 1.5px #ccc, 7px 7px #ccc, -7px 7px #ccc;

    -webkit-transform: rotate(360deg);

    -webkit-animation: ui-dialog-loading 1.5s infinite linear;

    transform: rotate(360deg);

    animation: ui-dialog-loading 1.5s infinite linear;

    display: none \9;

}

@charset "utf-8";

/***

 .ispc //PC专用

 .ismobile //移动专用

***/

/*初始化样式表*/

body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
    margin: 0;
    padding: 0;
}

body {
    font: 0.75em/1.5 Arial, Verdana, "Microsoft Yahei", "微软雅黑", "宋体", Helvetica, sans-serif;
    -webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/*

*{

	transition-property:border-color, background-color, color;

	transition-duration:.3s;

	transition-timing-function:ease-in;

	transition-delay:.1s;

}

*/

li {
    list-style: none;
}

img {
    border: 0;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

p {
    word-wrap: break-word
}

/*icon 字体样式*/

@font-face {
    font-family: "iconfont";

    src: url("iconfont.eot"); /* IE9*/
    src: url("/") format('embedded-opentype'), /* IE6-IE8 */ url("iconfont.woff") format('woff'), /* chrome、firefox */ url("iconfont.ttf") format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("/") format('svg'); /* iOS 4.1- */

}

.iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: 0.2px;

    -moz-osx-font-smoothing: grayscale;

}

/*文章内容样式初始�?*/

.default-article-content {
    text-align: justify;
    font-size: 14px;
}

.default-article-content a {
    color: blue;
}

.default-article-content ul {
    padding-left: 20px;
}

.default-article-content li {
    list-style-type: inherit;
}

.default-article-content h1,
.default-article-content h2,
.default-article-content h3,
.default-article-content h4,
.default-article-content h5,
.default-article-content h6 {

    margin-top: 1em;

    margin-bottom: 1em;

    font-weight: bold;

}

.default-article-content td {

    border: 1px solid #333;

}

.default-article-content p {

    margin-top: 1em;

    margin-bottom: 1em;

}

.default-article-content img {

    max-width: 100%;

}

/*控制网页宽度*/

.wp {
    width: 1188px;
    margin: 0 auto;
}

.w960 .wp, .w960 .w1188 {
    width: 960px;
}

/*浮动设置*/

.l, .left {
    float: left;
}

.r, .right {
    float: right;
}

/*清除浮动*/

.cl {
    zoom: 1;
}

.cl:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

/*单行文本*/

.s {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

/*边距*/

.ispc .mr0 {
    margin-right: 0 !important;
}

/*快转�? 可见*/

.block {
    display: block;
}

.none {
    display: none;
}

/*页面加载�?*/

#global_showload {
    background: url("../images/showload.gif");
    position: fixed;
    z-index: 1025;
    top: 50%;
    left: 50%;
    width: 130px;
    height: 130px;
    margin-left: -75px;
    margin-top: -75px;
}

/*图片上传中状�?*/

.imgloading {
    background: url(../images/load.gif);
    height: 100px;
    margin-top: -100px;
    position: relative;
}

/*禁止编辑器上传本地视�?*/

#videoTab #upload, #videoTab .tabhead span {
    display: none;
}

/*百度地图默认宽度*/

.ueditor_baidumap {
    min-width: 700px;
    max-width: 1188px;
}

/*分页按钮*/

.page {
    font-size: 14px;
    line-height: 28px;
}

.page a {
    display: block;
    float: left;
    padding: 0 12px;
    border: 1px solid #dedede;
    border-radius: 3px;
    margin-right: 8px;
    margin-top: 8px;
}

.page a.a, .page a:hover {
    background: #ccc;
    color: #fff;
}

/*默认导航样式*/

.default-pc-nav-menu {
}

.default-pc-nav-menu li {
    position: relative;
}

.default-pc-nav-menu > li li {
    position: relative;
    width: 100%;
    white-space: nowrap;
}

.default-pc-nav-menu ul {
    display: none;
    position: absolute;
    z-index: 2;
}

.default-pc-nav-menu > li > ul {
    top: 100%;
    left: 0;
}

.default-pc-nav-menu > li > ul > li > ul {
    top: 0;
    left: 100%;
}

.default-pc-nav-menu > li {
    float: left;
}

.default-pc-nav-menu li a em {
    display: none;
    font-style: initial;
}

.default-pc-nav-menu > li:hover > ul {
    display: block;
}

.default-pc-nav-menu > li ul > li:hover > ul {
    display: block;
}

/*友情链接默认样式*/

.default-pc-links-text {
}

.default-pc-links-text dt, .default-pc-links-text dd {
    float: left;
}

.default-pc-links-pic li {
    float: left;
}

/*默认版权样式*/

.default-pc-copyright {

    width: 70%;

    line-height: 2;

    color: #666;

    font-size: 12px;

}

.default-pc-copyright a {

    color: #FFD400;

    font-size: 12px;

}

.default-pc-copyright span {

    display: inline-block;

    white-space: nowrap;

    margin-right: 10px;

}

/*默认发布文章按钮*/

.default-pc-button-publish {

    padding-left: 21px;

    background: no-repeat url("../images/publish.png");

    transition: opacity .3s;

}

.default-pc-button-publish:hover {

    opacity: 0.5;

}

/*默认编辑文章 && 删除*/

.default-pc-button-edit a {

    margin-left: 10px;

    font-size: 14px;

    color: #ccc;

}

.default-pc-button-edit a:hover {

    color: #000;

}

/*默认背景音乐*/

.default-bgmp3 {

    display: block;

    position: fixed;

    bottom: 60px;

    left: 30px;

    z-index: 999;

    width: 200px;

    max-width: 30%;

}

.default-bgmp3 audio {

    width: 100%;

    opacity: 0.5;

}

.default-append {
    display: none;
}

/*幻灯片默认样�?*/

.default-slider {

    position: relative;

    overflow: auto;

}

.default-slider li {

    list-style: none;

}

.default-slider ul li {

    float: left;

    width: 100%;

    overflow: hidden;

}

.default-slider ul li img {

    position: relative;

    left: 50%;

    height: auto;

    /*margin-left:-960px;*/

}

.default-slider .dots {

    position: absolute;

    bottom: 10px;

    width: 100%;

    text-align: center;

}

.default-slider .dots li {

    display: inline-block;

    cursor: pointer;

    background-color: #fff;

    margin: 5px;

    width: 47px;

    font-size: 0;

    height: 12px;

}

.default-slider .dots li {

    *display: inline;

}

.default-slider .dots li.active {
    background-color: #FFE401;
}

.default-slider .next, .default-slider .prev {

    position: absolute;

    bottom: 50%;

    width: 50px;
    height: 100px;

    margin-bottom: -50px;

    opacity: 0.7;

    font: 50px/58px Simsun;

    color: #fff;

    line-height: 100px;

    text-align: center;

}

.default-slider .next:hover, .default-slider .prev:hover {

    background-color: #000;

}

.default-slider .next {
    right: 0;
}

.default-slider .prev {
    left: 0;
}

.default-pc-sidebar-dl {
    border: 1px solid #dedede;
}

.default-pc-sidebar-dl dt, .default-pc-sidebar-dl dd {
    border-bottom: 1px solid #dedede;
}

.default-pc-sidebar-dl dt, .default-pc-sidebar-dl dd a {
    display: block;
    line-height: 48px;
    padding: 0 28px;
}

.default-pc-contactcard li, .default-pc-contactcard dd {
    background: no-repeat;
    background-position: 0 center;
    padding-left: 30px;
}

.default-pc-contactcard .add {
    background-image: url("../images/address.png");
}

.default-pc-contactcard .tel {
    background-image: url("../images/mobile.png");
}

.default-pc-contactcard .email {
    background-image: url("../images/email.png");
}

.default-pc-contactcard .fax {
    background-image: url("../images/weixin.png");
}

/*幻灯片样�?*/

.default-slider-2 {
    position: relative;
}

.default-slider-2 .default-slider-box {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.default-slider-2 .next,
.default-slider-2 .prev {
    position: absolute;
}

.default-slider-2 .dots {

    position: absolute;

    width: 100%;

    bottom: 10px;

    text-align: center;

}

.default-slider-2 .dots span {

    display: inline-block;

    background-color: #fff;

    margin: 5px;

    width: 47px;

    font-size: 0;

    height: 12px;

    cursor: pointer;

}

.default-slider-2 .dots span {
    *display: inline
}

/*IE兼容*/

.default-slider-2 > .dots > span {
    *display: inline;
}

/*IE兼容*/

.default-slider-2 > .dots > span.active {
    background-color: red;
}

.default-slider-box > ul > li {
    position: relative;
    overflow: hidden;
}

.default-slider-effect-fadeIn > .default-slider-box > ul {
    position: relative;
}

.default-slider-effect-fadeIn > .default-slider-box > ul > li {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

/*单屏滚动模式*/

.default-slider-single > .default-slider-box > ul > li img {
    position: relative;
    left: 50%;
}

.default-slider-direction-left > .default-slider-box > ul > li {
    float: left;
}

.default-slider-direction-left > .next,
.default-slider-direction-left > .prev {

    cursor: pointer;

    top: 50%;

    margin-top: -45px;

    opacity: .1;

    color: #fff;

    line-height: 90px;

    font-size: 60px;

    background-color: #000;

}

.default-slider-direction-left > .next:hover,
.default-slider-direction-left > .prev:hover {

    opacity: 1;

}

.default-slider-direction-left > .next {
    right: 0;
}

.default-slider-direction-left > .prev {
    left: 0;
}

.default-slider-direction-left > .thumb {

    position: absolute;

    bottom: 10px;

    left: 50%;

    padding: 0 30px;

    overflow: hidden;

}

.default-slider-direction-left > .thumb ul > li {
    float: left;
}

.default-slider-direction-left > .thumb ul > li img {

    padding: 5px;

    margin: 5px;

    border: 1px #ccc solid;

    background-color: #fff;

}

.default-slider-direction-left > .thumb > .next,
.default-slider-direction-left > .thumb > .prev {

    margin-top: -15px;

    width: 27px;

    width: 20px;

    height: 31px;

    font-size: 0;

    background: url(../images/slider_thumb_buttom.png) no-repeat;

}

.default-slider-direction-left > .thumb > .next {

    right: 0;

    background-position: -23px 0;

}

.default-slider-direction-left > .thumb > .prev {

    left: 0;

    background-position: 0 0;

}

.default-slider-direction-left > .thumb > .next:hover,
.default-slider-direction-left > .thumb > .prev:hover {

    background-position-y: -32px;

}

.default-slider-direction-left > .thumb > .active {
    background-color: #333;
}

/*设为首页加入收藏*/

#SetHome,
#collection {

    cursor: pointer;

}

/*DIY 按钮*/

.ispc #diystart {

    display: block;

    position: fixed;

    top: 0;

    right: 50px;

    background-color: #F90;

    color: #fff;

    z-index: 3;

    text-align: center;

    padding: 5px 10px;

    border-radius: 0 0 10px 10px;

    transition: background .5s;

}

.ispc #diystart:hover {

    background-color: #BA3315;

}

/*文章内容页视频默认高�?*/

.default-article-content object {

    min-height: 500px;

}

.default-article-content video {

    max-width: 100%;

    height: auto;

}

/*手机网站底部追加*/

.default-mobile-copyright2 {

    text-align: center;

    background-color: #000;

    color: #505050;

    padding-top: 20px;

    padding-bottom: 30px;

    font-size: 12px;

    margin-top: 30px;

}

.default-mobile-copyright2 a {

    color: #505050;

}

body {

    /*--font-family:微軟正黑�?;--*/

}

.ispc #diystart {

    z-index: 15;

}

.headbox {

    position: relative;

    height: 100px;

}

.headbox .header {

    margin-top: 0;

}

.headbox .menu {

    margin-top: 78px;

}

.headbox .menu li a {

    color: #333;

}

.header {

    position: absolute;

    width: 100%;

    left: 0;

    top: 0;

    z-index: 2;

    margin-top: 20px;

    height: 80px;

}

.logo, .logo-r {
    padding: 15px;
    position: fixed;
    top: 0;
    z-index: 12;
}

.logo-r {
    right: 0;
    padding: 15px 0;
}

.w960 .logo a img, .w960 .logo-r a img {
    max-height: 135px;
}

.menu {
    margin-top: 53px;
    position: relative;
    float: right;
}

.w960 .menu {
    margin-right: 100px;
}

.menu li {
    margin-left: 50px;
}

.menu li a {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    display: block;
    line-height: 45px;
}

.menu li a::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 0px;
    left: 50%;
    transition: all .4s;
    background: #fff;
}

.headbox .menu li a::before {
    background: #000;
}

.menu li:hover a::before, .menu li.a a::before {
    width: 100%;
    left: 0;
}

.menu li ul {
    background: #fff;
    padding: 20px 0;
    left: 50%;
    margin-left: -100px;
    display: none;
}

.menu li:hover ul {
    display: none;
}

.headbox .menu li ul {
    box-shadow: 0 0 10px #ddd;
}

.menu li ul li {
    margin: 0;
    width: 200px;
}

.menu li li a::before {
    display: none;
}

.menu li ul li a {
    font-size: 14px;
    margin: 0 20px;
    font-weight: normal;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #eee;
    transition: all .3s;
    background: url("../images/news_list_more.png") no-repeat 25px center;
    background-size: 5px;
}

.menu li ul li:hover a {
    background-position: 35px center;
    text-indent: 10px;
}

.banbox {
    position: relative;
    background: url("../images/bg-office.jpg") no-repeat center center;
    background-size: cover;
}

.banner {
    background: url("../images/bg02.png");
}

#particles {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .2;
}

.banword {

    position: absolute;

    left: 50%;

    margin-left: -594px;

    top: 50%;

    transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    color: #fff;

    z-index: 1;

}

.banword img {

    max-width: 100%;

    height: auto;

}

.w960 banword img {

    max-width: 100%;

    height: auto;

}

.w960 .banword {

    margin-left: -480px;

}

.banword h3 {

    font-size: 70px;

    line-height: 1.2;

    font-weight: bold;

    text-transform: capitalize;

}

.banword p {

    font-size: 20px;

    letter-spacing: 5px;

    margin-top: 10px;

}

.about {

    padding: 100px 0;

}

.about h2 {

    font-size: 45px;

    text-transform: capitalize;

    color: #666;

    margin-bottom: 50px;

}

.about div.ab01 {

    width: 50%;

}

.about div.ab01 p {

    color: #999;

    font-size: 16px;

    line-height: 2;

    margin-bottom: 30px;

}

.more01 {

    display: block;

    font-size: 16px;

    color: #aaa;

    margin-top: 30px;

}

.more01 em {

    transition: all .3s;

    display: inline-block;

    *display: inline;

    width: 16px;

    height: 14px;

    margin-left: 15px;

    background: url("../images/jiantou.png") no-repeat center center;

}

.more01:hover {

    color: #666;

}

.more01:hover em {

    margin-left: 25px;

    opacity: 1;

}

.works li {

    float: left;

    width: 32.333%;

    position: relative;

    overflow: hidden;

    margin: 0.5%;

}

.works li a {

    display: block;

}

.works li span {

    display: block;

    transition: all .5s;

}

.works li a img {

    width: 100%;

    height: auto;

}

.works li:hover span {

    transform: scale(1.1);

    -ms-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

}

.works li div.d01 {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    color: #fff;

    background: url("../images/bg02.png");

}

.works li div.d02 {

    position: absolute;

    width: 93%;

    left: 7%;

    bottom: 60px;

}

.works li div h3 {

    font-size: 30px;

    font-family: HinTing;

}

.works li div h4 {

    font-size: 18px;

}

.recruit {

    padding: 100px 0;

}

.recruit h2 {

    float: left;

    width: 30%;

    font-size: 50px;

    color: #999;

}

.recruit h2 span {

    display: block;

    font-size: 18px;

}

.recruit div {

    float: right;

    width: 70%;

    margin-top: 15px;

}

.recruit div p {

    font-size: 14px;

    margin: 10px 0;

    color: #999;

}

.recruit div p strong {

    color: #333;

}

.partner {

    padding: 80px 0;

}

.tit09 {

    font-size: 38px;

    margin-bottom: 50px;

    color: #666;

    text-align: left;

}

.tit09 em {

    display: block;

    font-style: normal;

    font-size: 25px;

    font-weight: normal;

}

.partner ul {

    overflow: hidden;

    height: 348px;

    transition: all .3s;

}

.partner li {

    float: left;

    width: 20%;

    margin: 20px 0;

}

.partner li span {

    display: block;

    padding: 12px;

}

.partner li img {

    width: 214px;

    height: auto;

}

.partner .more08 em {

    text-align: center;

    display: block;

    width: 150px;

    height: 48px;

    line-height: 48px;

    font-size: 20px;

    border-radius: 30px;

    border: 1px solid #333;

    margin: 0 auto;

    padding: 0 30px;

    margin-top: 50px;

    cursor: pointer;

    transition: all .3s;

    -webkit-text-stroke-width: inherit;

}

.partner .more08 em:hover {

    background: #333;

    color: #fff;

}

.partner .more08 em.e02 {

    display: none;

}

.business {

    width: 100%;

    overflow: hidden;

    position: relative;

    background: url("../images/prc_bac.jpg") no-repeat center center;

}

.business h3 {

    font-size: 38px;

    color: #fff;

    margin-bottom: 40px;

    position: absolute;

    left: 50%;

    margin-left: -594px;

    top: 100px;

}

.w960 .business h3 {

    margin-left: -480px;

}

.mapbox {

    width: 1000px;

    height: 800px;

    margin: 0 auto;

    position: relative;

}

.mapbox div span {

    display: block;

    color: #fff;

    font-size: 15px;

    margin-bottom: 5px;

}

.mapbox p {

    width: 30px;

    height: 30px;

    position: absolute;

}

.mapbox p em {

    display: block;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    border-radius: 50%;

    background: #ba3f57;

    -webkit-animation: ripple 4.5s ease-out 1.8s infinite;

    animation: ripple 4.5s ease-out 1.8s infinite;

}

.mapbox p.p1 {

    right: 242px;

    bottom: 126px;

}

.mapbox p.p2 {

    right: 350px;

    top: 400px;

    width: 20px;

    height: 20px;

}

.mapbox p.p3 {

    top: 558px;

    left: 486px;

    width: 20px;

    height: 20px;

}

.mapbox p.p4 {

    right: 200px;

    top: 576px;

    width: 20px;

    height: 20px;

}

.mapbox p.p5 {

    right: 456px;

    top: 572px;

    width: 10px;

    height: 10px;

}

.mapbox p.p6 {

    right: 231px;

    top: 432px;

    width: 15px;

    height: 15px;

}

.mapbox p.p7 {

    right: 192px;

    top: 540px;

    width: 10px;

    height: 10px;

}

.mapbox p.p8 {

    right: 222px;

    bottom: 263px;

}

.mapbox p.p9 {

    bottom: 175px;

    right: 297px;

    width: 15px;

    height: 15px;

}

.mapbox p.p10 {

    right: 334px;

    bottom: 297px;

}

.mapbox p.p11 {

    right: 325px;

    bottom: 90px;

    width: 15px;

    height: 15px;

}

@keyframes ripple {

    0% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

    }

    50% {

        -webkit-transform: scale(1.5);

        -ms-transform: scale(1.5);

        -o-transform: scale(1.5);

        transform: scale(1.5);

    }

    100% {

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

    }

}

.mapbox p span {

    display: block;

    position: absolute;

    width: 130px;

    left: 130%;

    top: 0;

    color: #fff;

    text-align: left;

}

.w960 .mapbox p.p7 span {

    right: 26px;

    left: auto;

    text-align: right;

}

.footer {

    padding-top: 100px;

    background: #222;

    position: relative;

    background: #fff url("../images/topo.png");

}

.foot01 {

    float: left;

    width: 60%;

}

.foot01 img {

    margin-bottom: 30px;

    max-height: 80px;

}

.foot01 p {

    float: left;

    width: 40%;

    font-size: 15px;

    margin-right: 10%;

}

.foot01 p span {

    display: block;

    margin-top: 5px;

}

.foot01 .more01 {

    border: 1px solid #fff;

    float: left;

    margin-top: 30px;

}

.foot01 .more01:before {

    background: #fff;

}

.foot01 a span {

    display: block;

    padding: 9px 30px;

    font-size: 13px;

    transition: all .3s;

}

.foot01 a:hover span {

    color: #111;

    background: #fff;

}

.ftcon {

    margin-top: 20px;

    background: rgba(0, 0, 0, 0.5);

    border-radius: 20px;

    width: 180px;

}

.ispc .ftcon {

    background: rgba(220, 220, 220, 0.55);

}

.ispc .ftcon a {

    border-right: 1px solid rgba(140, 121, 121, 0.1);

}

.ftcon a {

    display: block;

    width: 33%;

    height: 40px;

    float: left;

    background: url("../images/qq01.png") no-repeat center center;

    border-right: 1px solid rgba(255, 255, 255, 0.1);

    box-sizing: border-box;

}

.ftcon a:hover {

    opacity: .6;

}

.ftcon a.c02 {

    background: url("../images/wb01.png") no-repeat center center;

}

.ftcon a.c03 {

    background: url("../images/wx01.png") no-repeat center center;

    border: none;

}

.foot02 {

    width: 25%;

    margin-top: 100px;

    float: left;

}

.foot02 li {

    float: left;

    width: 50%;

    margin-bottom: 10px;

}

.foot02 li a {

    display: block;

    font-size: 14px;

}

.foot02 li:hover a {

    text-decoration: underline;

}

.ewm09 {

    float: right;

    width: 120px;

    margin-top: 100px;

}

.ewm09 img {

    width: 100%;

    height: auto;

}

.copy {

    margin-top: 80px;

    padding: 30px 0;

    border-top: 1px solid #eee;

}

.copy .default-pc-copyright {

    margin: 0 auto;

    text-align: center;

    width: 100%;

}

.copy .default-pc-copyright a {

    color: #999;

}

.erweima {

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: fixed;

    background: #CCC;

    z-index: 102;

    display: none;

    background: url("../images/bg02.png");

}

.erweima-1 {

    width: 300px;

    background: #fff;

    z-index: 102;

    height: 300px;

    left: 50%;

    top: 50%;

    margin-top: -150px;

    margin-left: -150px;

    position: absolute;

}

.erweima-1 p a.sao {

    float: left;

    font-size: 16px;

    color: #666;

    text-align: center;

    width: 100%;

    height: 30px;

    line-height: 30px;

    padding-top: 15px;

    width: 85%;

}

.erweima-1 img {

    width: 100%;

    height: auto;

}

.erweima .close {

    display: block;

    top: -15px;

    right: -15px;

    width: 30px;

    height: 30px;

    position: absolute;

    background: transparent url("../images/fancybox.png") -40px 0px;

    cursor: pointer;

}

.top {

    position: fixed;

    width: 50px;

    height: 50px;

    border: 2px solid #ccc;

    background: url("../images/top.png") no-repeat center center;

    background-size: 30px;

    bottom: 10px;

    right: 10px;

    border-radius: 50%;

    cursor: pointer;

}

/*------------------list-news--------------*/

.list-page {

    margin: 150px 0;

}

.list-nav {

    margin-bottom: 50px;

}

.list-nav h2 {

    float: left;

    font-size: 25px;

    color: #444;

    line-height: 1.2;

}

.list-nav h2 p {

    font-size: 16px;

    color: #999;

}

.list-nav div {

    float: right;

    margin-top: 16px;

}

.list-nav div h4, .list-tit02 div h4 {

    float: left;

    width: 65px;

    height: 41px;

    line-height: 41px;

    text-align: center;

    color: #fff;

    background: #4a4a4a;

    font-size: 16px;

}

.list-nav div ul, .list-tit02 div ul {

    float: left;

}

.list-nav div li, .list-tit02 div li {

    float: left;

}

.list-nav div li a, .list-tit02 div li a {

    display: block;

    line-height: 40px;

    border: 1px solid #dedede;

    padding: 0 25px;

    font-size: 16px;

    color: #666;

    margin-left: 5px;

    transition: all .3s;

}

.list-nav div li:hover a, .list-nav div li.a a, .list-tit02 div li:hover a, .list-tit02 div li.a a {

    background: #4a4a4a;

    color: #fff;

}

.list-nav div li span, .list-tit02 div li span {

    display: none;

}

.pub {

    text-align: right;

    margin-bottom: 10px;

}

.list-news li {

    float: left;

    width: 31%;

    margin-right: 3.5%;

    margin-bottom: 50px;

}

.list-news li img {

    width: 100%;

    height: auto;

}

.list-news li span {

    display: block;

    position: relative;

}

.list-news li span ins {

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: url("../images/eyes.png") no-repeat center center;

    background-color: rgba(0, 0, 0, 0.44);

    opacity: 0;

    transition: all .3s;

}

.list-news li:hover span ins {

    opacity: 1;

}

.list-news li div {

    margin-top: 30px;

}

.list-news li div strong {

    display: block;

    font-weight: normal;

    color: #999;

    font-size: 12px;

    margin-bottom: 10px;

}

.list-news li div h3 {

    font-size: 20px;

}

.list-news li div p {

    color: #999;

    margin: 20px 0;

    line-height: 1.8;

    font-size: 12px;

    height: 45px;

    overflow: hidden;

}

.list-news li div em {

    display: block;

    font-style: normal;

    font-size: 14px;

    color: #999;

}

/*------------------------view-news-------------------------*/

.view-news {

    padding: 50px 100px;

    background: #fff;

}

.pox {

    margin-bottom: 20px;

}

.pox a {

    color: #999;

}

.view-news h3 {

    text-align: center;

    font-size: 25px;

    margin-bottom: 10px;

}

.view-news .ww {

    color: #999;

    text-align: center;

}

.view-news .ww a {

    color: #999;

}

.view-news .ww a:hover {

    text-decoration: underline;

    color: #000;

}

.fanye p {

    margin: 5px 0;

}

.fanye p a {

    color: #999;

    transition: all .3s;

}

.fanye p a:hover {

    color: #333;

    text-decoration: underline;

}

/*----------------list-show----------------------*/

.list-tit02 {

    margin-bottom: 100px;

}

.list-tit02 h2 {

    font-size: 55px;

    text-transform: capitalize;

    font-weight: bold;

    color: #333;

    font-family: -webkit-body;

    float: left;

}

.list-tit02 p {

    color: #666;

    letter-spacing: 10px;

    font-size: 30px;

    font-weight: normal;

}

.list-tit02 div {

    margin-top: 90px;

}

.page {

    text-align: center;

    margin-top: 50px;

}

.page a {

    display: inline-block;

    *display: inline;

    float: none;

}

.page a.a, .page a:hover {

    background: #333;

}

/*-----------------view-show-------------------*/

.view-cover {

    position: fixed;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

}

.view-cover img {

    width: 100%;

    height: auto;

}

.view-show {

    position: relative;

    z-index: 9;

    width: 100%;

    background: #fff;

    padding: 100px 0;

}

.isipad .view-show {

    margin-top: 50% !important;

}

.view-show .title01 .l {

    width: 50%;

}

.view-show .title01 h3 {

    font-size: 30px;

    margin-bottom: 50px;

}

.view-show .title01 p {

    font-size: 14px;

    color: #999;

    margin-bottom: 50px;

}

.view-show .title01 span {

    display: block;

    color: #999;

    line-height: 2;

}

.view-show .title01 .pub {

    width: 100%;

    float: right;

}

.view-show .article {

    padding-top: 50px;

    margin-top: 50px;

    border-top: 1px dotted #eee;

}

.fanye {

    margin-top: 50px;

}

.fanye02 a {

    display: inline-block;

    *display: inline;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    margin: 0 10px;

    border: 2px solid #eee;

    border-radius: 50%;

    font-size: 20px;

    color: #ccc;

    transition: all .3s;

}

.fanye02 a:hover {

    background: #333;

    color: #fff;

    border: 2px solid #333;

    transform: scale(1.2);

}

.fanye01 {

    margin: 50px;

    position: relative;

}

.fanye01 p {

    text-transform: uppercase;

    font-size: 14px;

    font-weight: bold;

}

.fanye01 span {

    font-size: 13px;

    color: #404041;

    text-decoration: none;

    letter-spacing: .1em;

    display: inline-block;

    transition: all 0.5s;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    border: #404041 2px solid;

    border-radius: 36px;

    padding: 10px 40px;

    text-align: center;

    letter-spacing: .05em;

    margin: 0 auto;

    font-weight: bold;

    position: absolute;

    left: 50%;

    cursor: pointer;

    margin-left: -87px;

    transition: all .3s;

}

.fanye01 span:hover {

    background: #404041;

    color: #fff;

}

.fanye01 p a {

    display: block;

    color: #999;

}

.fanye01 p.r {

    text-align: right;

}

/*-----------------------view-about-----------------------*/

.view-about {

    margin: 100px auto;

    padding: 150px;

    background: #fff;

}

.view-about02 {

    width: 550px;

    margin: 0 auto;

}

.view-about02 h3 {

    font-size: 25px;

    padding-bottom: 50px;

    border-bottom: 1px dotted #dedede;

    margin-bottom: 50px;

}

/*---------------list-about-----------*/

.aboutban {

    margin-top: 50px;

}

.aboutban img {

    width: 100%;

    height: auto;

}

.list-about01 {

    width: 70%;

    margin: 200px auto;

}

.w960 .list-about01, .w960 .list-about03 {

    width: 90%;

}

.aboutintro {

    float: left;

    width: 45%;

    margin-top: -20px;

}

.aboutintro h2 {

    font-size: 50px;

    font-weight: bold;

}

.w960 .aboutintro h2 {

    font-size: 40px;

}

.aboutintro div.aa {

    margin-top: 50px;

}

.w960 .aboutintro div.aa {

    margin-top: 30px;

}

.aboutintro div.aa p {

    font-size: 18px;

    color: #666;

    margin-bottom: 30px;

    line-height: 2;

}

.aboutintro div.aa div p {

    margin-bottom: 10px;

}

.w960 .aboutintro div.aa div p {

    margin-bottom: 5px;

}

.aboutintro div.aa div {

    margin-left: 30px;

    margin-bottom: 50px;

}

.w960 .aboutintro div.aa div {

    margin-bottom: 30px;

}

.w960 .aboutintro div.aa p {

    font-size: 15px;

    margin-bottom: 10px;

}

.list-about01 span {

    display: block;

    float: right;

    width: 45%;

}

.list-about01 span img {

    width: 100%;

    height: auto;

}

.list-about02 {

    width: 90%;

    background: #f5f5f5;

    padding-bottom: 100px;

}

.list-about02 span {

    width: 45%;

    float: left;

    margin-top: -100px;

}

.list-about02 span img {

    width: 100%;

    height: auto;

}

.list-about02 .ab02 {

    float: right;

    width: 40%;

    padding-top: 100px;

}

.list-about02 .ab02 p {

    font-size: 16px;

    line-height: 2.5;

}

.list-about03 {

    margin: 150px auto;

    width: 70%;

}

.list-about03 .aa02 {

    float: left;

    width: 45%;

}

.list-about03 .aa02 h2 {

    font-size: 40px;

    margin-bottom: 40px;

}

.list-about03 .aa02 .aa03 {

    margin-top: 30px;

}

.list-about03 .aa02 p {

    line-height: 2.5;

    color: #666;

}

.list-about03 .about04 {

    float: right;

    width: 45%;

    float: right;

}

.list-about03 .about04 span {

    display: block;

}

.list-about03 .about04 span img {

    width: 100%;

    height: auto;

}

/*-----------------------list-contact-------------*/

.conmap {

    overflow: hidden;

    width: 90%;

    margin: 0 auto;

    border: 1px solid #eee;

}

.conmap iframe {

    width: 100% !important;

    filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -webkit-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    max-width: 100%;

    height: 500px !important;

}

.list-con01 {

    margin: 150px auto;

    width: 1000px;

}

.list-con01 .c01 {

    float: left;

    width: 40%;

}

.list-con01 .c01 h3 {

    font-size: 40px;

    margin-bottom: 50px;

}

.list-con01 .c01 p {

    font-size: 14px;

    margin-bottom: 15px;

}

.list-con01 .c01 div {

    margin-top: 50px;

}

.list-con01 .c01 div h4 {

    font-size: 20px;

    margin-bottom: 20px;

}

.list-con01 .c01 div img {

    width: 150px;

    height: auto;

    border: 1px solid #eee;

}

.con-message {

    float: right;

    width: 50%;

}

.con-message h4 {

    text-transform: uppercase;

    font-size: 40px;

    margin-bottom: 50px;

}

.con-message label {

    display: block;

    font-size: 14px;

    margin-bottom: 10px;

    font-weight: bold;

}

.con-message input, .con-message textarea {

    width: 98%;

    padding-left: 2%;

    height: 40px;

    border-radius: 5px;

    line-height: 40px;

    border: 1px solid #eee;

    margin-bottom: 20px;

}

.con-message textarea {

    height: 100px;

}

.con-message [type="submit"] {

    float: right;

    width: 200px;

    height: 60px;

    line-height: 60px;

    padding-left: 0;

    background: #000;

    color: #fff;

    font-size: 16px;

    text-decoration: underline;

    font-family: "微软雅黑"

}

/*首页动效*/

.fade_in_down {
    opacity: 0;
    transform: translateY(100px);
    -ms-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -o-transform: translateY(100px);
}

.fade_in_up {
    opacity: 1;
    transform: translateY(0);
    transition: 1.1s !important;
}

.isipad .wp {
    width: auto;
    padding: 0 10px;
}

.isipad .menu {
    margin-right: 154px;
    margin-top: 39px;
}

.isipad .headbox .menu {
    margin-right: 154px;
    margin-top: 58px;
}

.isipad .banword img {
    max-width: 90%;
}

.isipad .mapbox div {
    left: -170px;
}

.isipad .about {
    padding: 80px 10px !important;
}

.isipad .business h3 {
    width: 100% !important;
    left: 0;
    margin-left: 0;
}

@media screen and (max-width: 1024px) {
    .ismobile .header {
        display: none;
    }

    .ismobile .banword {
        left: 5%;
        margin-left: 0;
        width: 87% !important
    }

    .isipad .about {
        padding: 50px 10px !important;
    }

    .ismobile .banword h3 {
        font-size: 32px;
    }

    .ismobile .banword p {
        font-size: 18px;
    }

    .ismobile .about {
        padding: 50px 20px;
    }

    .ismobile .about h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .ismobile .about div.ab01 {
        width: 100%;
    }

    .ismobile .works li {
        width: 100%;
        margin: 0.5% 0;
    }

    .ismobile .works li div h3 {

        font-size: 20px;

    }

    .ismobile .partner {

        padding: 50px 0;

    }

    .ismobile .partner li {

        width: 33.33%;

        padding: 0;

    }

    .ismobile .banbox {

        background-size: auto 100%;

    }

    .ismobile .mbopen {

        float: left;

    }

    .ismobile .mbopen em {

        font-size: 25px;

        color: #000;

        width: 40px;

        height: 40px;

        margin: 10px;

        line-height: 40px;

        text-align: center;

        display: block;

    }

    .ismobile .mbopen em.e02 {

        display: none;

    }

    .ismobile .mbhead {

        position: fixed;

        width: 100%;

        height: 60px;

        left: 0;

        top: 0;

        z-index: 11;

    }

    .ismobile .mblogo {

        line-height: 50px;

        margin-top: 5px;

    }

    .ismobile .mblogo img {

        max-height: 50px;

        width: auto;

        max-width: 250px;

    }

    .ismobile .mbmenu {

        background: #1f1f1f;

        position: fixed;

        left: -100%;

        top: 0;

        width: 100%;

        height: 100%;

        z-index: 10;

    }

    .ismobile .mbmenu ul {

        position: absolute;

        top: 50%;

        transform: translateY(-50%);

        width: 80%;

        left: 10%;

    }

    .ismobile .default-mobile-nav-menu li div {

        right: 0;

        background-size: 10px;

    }

    .ismobile .mbmenu li a {

        display: block;

        text-transform: uppercase;

        font-size: 20px;

        font-weight: bold;

        border: none;

        border-bottom: 1px solid #292929;

    }

    .ismobile .mbmenu li ul {

        width: 100%;

        left: 0;

        top: 0;

        transform: translateY(0);

        position: inherit;

    }

    .ismobile .list-tit02 h2 {

        font-size: 25px;

        width: 100%;

    }

    .ismobile .list-tit02 p {

        font-size: 16px;

    }

    .ismobile .list-tit02 div {

        float: left;

        margin-top: 50px;

    }

    .ismobile .list-nav div h4, .list-tit02 div h4 {

        font-size: 14px;

    }

    .ismobile .list-tit02 {

        margin-bottom: 30px;

    }

    .ismobile .view-cover {

        height: inherit;

    }

    .ismobile .view-show {

        padding: 30px 0;

    }

    .ismobile .mbtitle {

        padding: 0 20px;

    }

    .ismobile .mbico02 img {

        width: 40px;

        height: auto;

        border-radius: 50%;

        float: left;

    }

    .ismobile .mbico02 span {

        display: block;

        float: left;

        margin-left: 10px;

        font-size: 15px;

        color: #000;

    }

    .ismobile .mbico02 span a {

        display: block;

        font-size: 12px;

        color: #999;

    }

    .ismobile .mbico02 .mbkf {

        display: block;

        float: right;

        width: 60px;

        height: 27px;

        line-height: 26px;

        background: #6ba74f;

        border-radius: 5px;

        text-align: center;

        color: #fff;

        font-size: 12px;

        margin-top: 5px;

    }

    .ismobile .mbtit02 {

        margin-top: 30px;

    }

    .ismobile .mbtit02 h3 {

        font-weight: bold;

        font-size: 18px;

        font-family: "微软雅黑";

        color: #000;

    }

    .ismobile .mbtit02 .mbtime {

        margin-top: 20px;

    }

    .ismobile .mbtit02 .mbtime em {

        color: #999;

        font-weight: normal;

        font-size: 12px;

        -webkit-text-stroke-width: initial;

    }

    .ismobile .view-show .article {

        padding-top: 20px;

        margin-top: 20px;

    }

    .ismobile .fanye01 {

        margin: 50px 10px;

    }

    .fanye01 p {

    }

    .ismobile .fanye01 p a {

        display: block;

        width: 40px;

        height: 40px;

        line-height: 40px;

        text-align: center;

        font-size: 30px;

        font-weight: normal;

        -webkit-text-stroke-width: initial;

        border-radius: 50%;

        border: 2px solid #404041;

        color: #444;

    }

    .ismobile .list-nav div {

        float: left;

    }

    .ismobile .list-news li {

        width: 100%;

        margin-right: 0;

        margin-bottom: 30px;

    }

    .ismobile .list-page {

        margin: 100px 0;

    }

    .ismobile .pox {

        margin-bottom: 10px;

        font-size: 12px;

    }

    .ismobile .view-news {

        padding: 30px 20px;

    }

    .ismobile .view-news h3 {

        font-size: 20px;

    }

    .ismobile .view-news .ww {

        font-size: 12px;

    }

    .ismobile .view-about {

        margin: 70px auto;

        padding: 20px;

    }

    .ismobile .view-about02 h3 {

        font-size: 20px;

        padding-bottom: 30px;

        margin-bottom: 30px;

    }

    .ismobile .view-about02 {

        width: 100%;

    }

    .ismobile .default-article-content iframe {

        min-width: initial !important;

    }

    .ismobile .mbfoot {

        padding-left: 20px;

        background: #fff;

    }

    .ismobile .foot01 {

        float: none;

        width: 100%;

        padding: 20px 0;

    }

    .ismobile .foot01 p {

        float: none;

        width: 100%;

        font-size: 12px;

        margin-right: 0;

        color: #999;

    }

    .ismobile .foot01 p a {

        color: #999;

    }

    .ismobile .default-mobile-copyright2 {

        margin-top: 0;

        background-color: #eee;

        padding-bottom: 70px;

    }

    .ismobile .mbcon {

        position: fixed;

        bottom: 20px;

        width: 70%;

        margin: 0 15%;

        background-color: rgba(0, 0, 0, 0.4);

        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

        text-align: center;

        border-radius: 20px;

        z-index: 11;

    }

    .ismobile .mbcon a {

        display: inline-block;

        width: 31%;

        line-height: 40px;

        height: 40px;

        text-align: center;

        color: #fff;

        font-weight: normal;

        box-sizing: border-box;

        border-right: 1px solid rgba(255, 255, 255, 0.13);

        font-size: 20px;

        -webkit-text-stroke-width: initial;

    }

    .ismobile .mbcon a.c03 {

        border: none;

    }

    .ismobile .default-article-content p {

        width: 90%;

        margin: 1em auto;

        text-align: left !important;

        overflow: hidden;

    }

    .ismobile .works li div h4 {

        font-size: 14px;

    }

    .ismobile .list-about01 {

        width: 100%;

        margin: 50px auto;

        margin-bottom: 0;

    }

    .ismobile .aboutintro {

        width: 90%;

        margin-top: 0;

        margin: 0 auto;

        float: none;

    }

    .ismobile .aboutintro h2 {

        font-size: 30px;

        font-weight: bold;

        margin-bottom: 30px;

    }

    .ismobile .aboutintro div.aa p {

        font-size: 14px;

        margin-bottom: 15px;

        line-height: 2;

    }

    .ismobile .aboutintro div.aa {

        margin-top: 30px;

    }

    .ismobile .list-about01 span {

        float: none;

        width: 100%;

        margin-top: 50px;

    }

    .ismobile .list-about02 {

        width: 100%;

        padding-bottom: 50px;

    }

    .ismobile .list-about02 .ab02 {

        width: 100%;

        padding-top: 50px;

    }

    .ismobile .list-about02 .ab02 p {

        font-size: 14px;

        line-height: 2;

    }

    .ismobile .list-about02 span {

        width: 100%;

        margin-top: 50px;

    }

    .ismobile .list-about03 {

        margin: 0;

    }

    .ismobile .list-about03 .aa02 {

        width: 90%;

        padding: 10% 5%;

    }

    .ismobile .list-about03 .aa02 h2 {

        font-size: 25px;

        margin-bottom: 20px;

    }

    .ismobile .list-about03 .aa02 p {

        line-height: 2;

        font-size: 12px;

    }

    .ismobile .list-about03 .aa02 .aa03 {

        margin-top: 30px;

        padding-bottom: 0;

        background: none;

    }

    .ismobile .list-about03 .about04 {

        width: 100%;

    }

    .ismobile .conmap {

        width: 100%;

        height: 300px !important;

        border: none;

    }

    .ismobile .conmap iframe {

        max-width: 100%;

        min-width: 100%;

        height: 300px !important;

    }

    .ismobile .list-con01 {

        margin: 50px auto;

        width: 90%;

    }

    .ismobile .con-message {

        width: 100%;

    }

    .ismobile .con-message h4 {
        font-size: 30px;
        margin-bottom: 25px;
    }

    .ismobile .con-message input, .ismobile .con-message textarea {
        -webkit-appearance: none;
    }

    .ismobile .con-message [type="submit"] {
        width: 150px;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        -webkit-appearance: none;
    }

    .ismobile .map02 {
        display: none;
    }

    .ismobile .partner .more08 em {
        width: 120px;
        height: 36px;
        line-height: 36px;
        font-size: 12px;
        border-radius: 20px;
        padding: 0 30px;
        margin-top: 30px;

    }

    .business {
        overflow: hidden;
    }

    .mapbox div {
        left: 0;
    }

    .mapbox {
        width: 980px;
        margin: 0 10px;
    }

    .isipad .mapbox div {
        left: 0;
    }
}

@media screen and (max-width: 768px) {
    .isipad .mapbox div h3 em {
        margin-left: 10px;
    }
}

@media screen and (max-width: 480px) {
    .business {
        background-size: auto 100%;
    }

    .mapbox {
        width: 300px;
        height: 300px;
        margin: 0 auto;
    }

    .mapbox p {
        width: 15px;
        height: 15px;
    }

    .mapbox p.p1 {
        right: 46px;
        bottom: 47px;
    }

    .mapbox p.p2 {
        right: 91px;
        top: 147px;
        width: 12px;
        height: 12px;
    }

    .mapbox p.p3 {
        top: 196px;
        left: 124px;
        width: 3px;
        height: 3px;
    }

    .mapbox p.p4 {
        right: 41px;
        top: 214px;
        width: 8px;
        height: 8px;
    }

    .mapbox p.p5 {
        left: 167px;
        top: 212px;
        width: 6px;
        height: 6px;
    }

    .mapbox p.p6 {
        right: 48px;
        top: 159px;
        width: 8px;
        height: 8px;
    }

    .mapbox p.p7 {
        top: 201px;
        width: 5px;
        height: 5px;
        right: 33px;
    }

    .mapbox p.p8 {
        right: 41px;
        bottom: 106px;
        width: 6px;
        height: 6px;
    }

    .mapbox p.p9 {
        bottom: 61px;
        right: 69px;
        width: 12px;
        height: 12px;
    }

    .mapbox p.p10 {
        right: 85px;
        bottom: 110px;
        width: 9px;
        height: 9px;
    }

    .mapbox p.p11 {
        right: 87px;
        bottom: 31px;
        width: 8px;
        height: 8px;
    }

    .mapbox div {
        top: 50px;
        width: 230px;
    }

    .mapbox div h3 {
        font-size: 16px;
        margin-bottom: 0;
        letter-spacing: 5px;
    }

    .mapbox div h3 em {
        font-size: 25px;
        letter-spacing: 0px;
    }

    .mapbox p span {
        font-size: 8px;
    }

    .partner ul {
        height: 233px;
    }

    .tit09 {
        font-size: 25px;
        color: #333;
        margin-bottom: 25px;
        text-align: left;
        margin-left: 10px;
    }

    .list-about03 {
        width: 100%;
    }

    .business h3 {
        font-size: 25px;
        left: 0;
        margin-left: 0;
        top: 50px;
    }

}
